/* Copyright (c) 2011 Canadensys */
/* Stylesheet for http://data.canadensys.net/vascan */

/* Vascan icons */

.accepted {
	background: url("../images/accepted.png") top left no-repeat;
	padding-left: 36px;
}
.synonym {
	background: url("../images/synonym.png") top left no-repeat;
	padding-left: 36px;
}
.redirect {
	background: url("../images/redirect.png") top left no-repeat;
	padding-left: 72px;
}
.redirect_synonym {
	background: url("../images/redirect_synonym.png") top left no-repeat;
	padding-left: 72px;
}
.redirect_accepted {
	background: url("../images/redirect_accepted.png") top left no-repeat;
	padding-left: 72px;
}
.distribution_native {
	background: url("../images/native.png") top left no-repeat;
	padding-left: 36px;
}
.distribution_introduced {
	background: url("../images/introduced.png") top left no-repeat;
	padding-left: 36px;
}
.distribution_ephemeral {
	background: url("../images/ephemere.png") top left no-repeat;
	padding-left: 36px;
}
.distribution_extirpated {
	background: url("../images/extirpated.png") top left no-repeat;
	padding-left: 36px;
}
.distribution_excluded {
	background: url("../images/excluded.png") top left no-repeat;
	padding-left: 36px;
}
.distribution_absent {
	background: url("../images/absent.png") top left no-repeat;
	padding-left: 36px;
}
.distribution_doubtful {
	background: url("../images/doubtful.png") top left no-repeat;
	padding-left: 36px;
}
#see_taxon { background: url("../images/button-arrow.png") top right no-repeat; }
#create_checklist { background: url("../images/button-checklist.png") top right no-repeat; }

.right .reference {
	display: inline-block;
	margin-left: 3px;
}


/* Vascan distribution */

.distribution_legend {
	font-size: 9px;
	text-transform: uppercase;
}
.distribution_legend li {
	background-position: 0 -5px;
	display: inline;
	height: 20px;
	padding-right: 9px;
}
#list_result { margin-top: 18px; }


/* Vascan classification table */

td.indent_1  { padding-left:  9px; width: 180px; }
td.indent_2  { padding-left: 15px; width: 174px; }
td.indent_3  { padding-left: 21px; width: 168px; }
td.indent_4  { padding-left: 27px; width: 162px; }
td.indent_5  { padding-left: 33px; width: 156px; }
td.indent_6  { padding-left: 39px; width: 150px; }
td.indent_7  { padding-left: 45px; width: 144px; }
td.indent_8  { padding-left: 51px; width: 138px; }
td.indent_9  { padding-left: 57px; width: 132px; }
td.indent_10 { padding-left: 63px; width: 126px; }
td.indent_11 { padding-left: 69px; width: 120px; }
td.indent_12 { padding-left: 75px; width: 114px; }
td.indent_13 { padding-left: 81px; width: 108px; }
td.indent_14 { padding-left: 87px; width: 102px; }
td.indent_15 { padding-left: 93px; width:  96px; }
td.indent_16 { padding-left: 99px; width:  90px; }
td.indent_17 { padding-left:105px; width:  84px; }
td.indent_18 { padding-left:111px; width:  78px; }
td.indent_19 { padding-left:117px; width:  72px; }
td.indent_20 { padding-left:123px; width:  66px; }
tr.selected { font-weight: bold; }


/* Dropdown */

.dropdown_container {
	background: yellow;
	position: relative;
}
.dropdown {
	background-color: white;
	border: 1px solid #a8a7a5;
	box-shadow: 1px 1px 2px #a8a7a5;
	left: 0;
	margin: 0;
	overflow: visible!important;
	position: absolute;
	top: -1em;
	z-index: 1;
}
.dropdown li { padding: 1px 3px; }
.dropdown li a, .dropdown li a:visited {
	color: #22241e!important;
	text-decoration: none;
}
.dropdown_header {
	background-color: #e7e7e7;
	border-bottom: 1px solid #a8a7a5;
	border-top: 1px solid #a8a7a5;
	font-weight: bold;
}
.dropdown_continue_search {
	background-color: #e7e7e7;
	border-top: 1px solid #a8a7a5;
/*	cursor: pointer; */	
	text-align: right;
}
.dropdown li.selected {
	background: #a82400;
	color: white;
	cursor: pointer;
}
.dropdown li.selected a { color: white!important; }


/* Search page */

#search_box input[type=text] { width: 480px; }
#search_box .dropdown { width: 482px; }
#search_results tbody a { display: block; }
#search_results tbody tr:hover { background: #d3d3d3; } /* Doesn't work for cells with icons in IE 7 */
*#search_results tbody tr:hover { background: white!important; } /* IE 7 */


/* Checklist builder */

#checklist_box input[type=text] { width: 340px; }

#checklist_header {
	height: 48px;
	position: relative;
}
#selection_button {
	background: url("../images/button-selection.png") top right no-repeat;
	color: #a82400;
	left: 0;
	position: absolute;
}	
#display_button {
	background: url("../images/button-checklist.png") top right no-repeat;
	color: #a82400;
	position: absolute;
	right: 0;
}
#selection_button.selected:after, #display_button.selected:after {
	border-color: transparent transparent #22241e;
	border-style: solid;
	border-width: 12px 12px; /* Angle of arrow */
	bottom: -15px; /* Height of arrow + padding */
	content: "\00a0"; /* Non braking space */
	display: block;
	height: 0;
	left: 48%;
	position: absolute;
	width: 0;
}

.checklist_content {
	background-color: #22241e!important;	
	color: white;
	margin: 0 -36px;
	padding: 9px 36px;
}
#display_criteria { display: none; }
#checklist_footer { text-align: right; }

#checklist_distribution { position: relative; }
#checklist_distribution ul {
	border: none!important;
	color: black;
	position: relative;
	width: 330px;
	z-index: 1;
}
#checklist_distribution li { position: relative; } /* Provinces */
#checklist_distribution span { /* Regions */
	display: inline-block;
	font-weight: bold;
	padding-left: 18px;
	width: 90px;
}
#checklist_distribution input[type=checkbox] {
	position: absolute;
	right: 0;
	top: 3px;
}
#checklist_distribution span input[type=checkbox] { left: 0; }
#checklist_distribution .map {
	position: absolute;
	right: 0;
	top: 0;
}

.canada   { background-color: #e7e7e7; }
.pacific  { background-color: #e1e1e1; }
.prairies { background-color: #c3c3c3; }
.central  { background-color: #a5a5a5; }
.atlantic { background-color: #878787; }
.arctic   { background-color: white; }

#checklist_ranks ul {
	float: left;
	margin: 0;
	width: 18%;
}
#checklist_ranks ul.all { width: 10%; }
#checklist_ranks ul li:first-child { border-bottom: 1px solid white; }
#checklist_ranks ul li { padding: 3px 9px; }